<%@page import="java.util.List"%>
<%@page import="coba.service.ProvinciaLocalServiceUtil"%>
<%@page import="coba.service.InstitucionLocalServiceUtil"%>
<%@page import="coba.service.ContactoLocalServiceUtil"%>
<%@page import="coba.service.RecorridoLocalServiceUtil"%>
<%@page import="coba.model.Provincia"%>
<%@page import="coba.model.Institucion"%>
<%@page import="coba.model.Contacto"%>
<%@page import="coba.model.Recorrido"%>
<%@ taglib uri="http://java.sun.com/portlet_2_0" prefix="portlet" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://liferay.com/tld/ui" prefix="liferay-ui" %>

<portlet:defineObjects />

<portlet:renderURL var="listado">
    <portlet:param name="jspPage" value="/views/institucion/listado.jsp" />
</portlet:renderURL>

<portlet:actionURL var="altaInstitucion" name="altaInstitucion">
</portlet:actionURL>

<portlet:actionURL var="editarInstitucion" name="editarInstitucion">
</portlet:actionURL>

<%
	String laProvincia = request.getParameter("provinciaId");

	String laInstitucion = request.getParameter("id");
	Institucion laInstitucionCoso = null;
	
	if (laInstitucion != null) {
		laInstitucionCoso = InstitucionLocalServiceUtil.getInstitucion(Long.parseLong(laInstitucion));
		laProvincia = String.valueOf(laInstitucionCoso.getProvinciaId());
	}
%>

<div>

	<div class="taglib-header">
		<span class="header-back-to">
			<a class="icon-circle-arrow-left previous-level" href="<%=listado%>" title="Atr&aacute;s">
				<span class="helper-hidden-accessible"> Atr&aacute;s </span>
			</a>
		</span>
		<h3 class="header-title"><span> Instituci&oacute;n </span></h3>
	</div>
	
	<div>
		<form action="<%= (laInstitucion != null) ? editarInstitucion : altaInstitucion %>" method="post" id="formAltaInstitucion">
			<% if (laInstitucion != null) { %>
				<input type="hidden" name="<portlet:namespace />id" value="<%=laInstitucion%>" />
			<% } %>
			
			<input type="hidden" name="<portlet:namespace />provincia" value="<%=laProvincia%>" />
			
			<div class="form-group">
				<label for="<portlet:namespace />nombre">Nombre</label>
				
				<input required maxlength="50" type="text" class="form-control campo" name="<portlet:namespace />nombre" id="nombre" <% if (laInstitucion != null) out.print("value=\"" + laInstitucionCoso.getNombre() + "\""); %>>
			</div>
			
			<div class="form-group">
				<label for="localidad">Localidad</label>
				
				<input required maxlength="50" type="text" class="form-control campo" name="<portlet:namespace />localidad" id="localidad" <% if (laInstitucion != null) out.print("value=\"" + laInstitucionCoso.getLocalidad() + "\""); %>>
			</div>

			<div class="form-group">
				<label for="calle">Calle</label>
				
				<input maxlength="50" type="text" class="form-control campo" name="<portlet:namespace />calle" id="calle" <% if (laInstitucion != null) out.print("value=\"" + laInstitucionCoso.getCalle() + "\""); %>>
			</div>
			
			<div class="form-group">
				<label for="altura">Altura</label>
				
				<input min="0" max="99999" type="number" class="form-control campo" name="<portlet:namespace />altura" id="altura" <% if (laInstitucion != null) out.print("value=\"" + laInstitucionCoso.getAltura() + "\""); %>>
			</div>
			
			<div class="form-group">
				<label for="dto">Piso / Dto.</label>
				
				<input maxlength="50" type="text" class="form-control campo" name="<portlet:namespace />dto" id="dto" <% if (laInstitucion != null) out.print("value=\"" + laInstitucionCoso.getDto() + "\""); %>>
			</div>
			
			<div class="form-group">
				<label for="codigoPostal">C&oacute;digo postal</label>
				
				<input maxlength="50" type="text" class="form-control campo" name="<portlet:namespace />codigoPostal" id="codigoPostal" <% if (laInstitucion != null) out.print("value=\"" + laInstitucionCoso.getCodigoPostal() + "\""); %>>
			</div>
			
			<input type="hidden" name="<portlet:namespace />seguirFiltrando" id="seguirFiltrando">
			
			<div>
				<button type="submit" class="btn btn-primary">Aceptar</button>
			</div>
		</form>
	</div>
	
	<script type="text/javascript">
		var submitted = false;
	    var validator = $.validate("#formAltaInstitucion", undefined, function() {
			submitted = true;
		});
		var validate = function() { if (submitted) validator.form(); }
	    
		$('#provinciasd').select2().change(validate);
		<%
			if (laProvincia != null) {
				out.print("$('#provinciasd').select2('val', '" + laProvincia + "');");
				out.print("$('#seguirFiltrando').val('y dale!');");
				out.print("$('#laProvincia').text($('#provinciasd option:selected').text());");
			}
		%>
		
	    $('#formAltaInstitucion').bind('submit', function() {
	        $(this).find(':input').removeAttr('disabled');
	    });
	    
		<%
		if (laInstitucionCoso != null) {
			out.print("$('#provinciasd').select2('val', '" + laInstitucionCoso.getProvinciaId() + "');");
		}
		%>
	</script>
</div>